 <template>
   <Card :shadow="shadow">
      <div class="card-name">
        <div class="name width1">权限列表</div>
      </div>
      <div class="content-con">
        <div class="form-item">
          <Tree :data="baseData" show-checkbox></Tree>
          <Tree :data="baseData1" show-checkbox></Tree>
          <Tree :data="baseData2" show-checkbox></Tree>
          <Tree :data="baseData3" show-checkbox></Tree>
          <Tree :data="baseData4" show-checkbox></Tree>
          <Tree :data="baseData5" show-checkbox></Tree>
        </div>
        <div class="ban-btn border-top">
          <i-button class="save" size="large">保存</i-button>
          <i-button class="save" size="large" @click="btnClick1">返回</i-button>
        </div>
      </div>
   </Card>

 </template>
 <script>
 import axios from "../../libs/axios.js";
 export default {
   name: 'role-power',
   props:{
     shadow: {
       type: Boolean,
       default: false
     }
   },
   data() {
     return {
       value: '',
       baseData: [{
         expand: true,
         title: '商户管理',
         children: [
           {title: '所有商户'},
           {title: '待审商户'},
           {title: '资金流水'}
         ]
       }],
       baseData1: [{
         expand: true,
         title: '订单管理',
         children: [
           {title: '充值记录'},
           {title: '转账订单'},
           {title: '线下充值记录'}
         ]
       }],
       baseData2: [{
         expand: true,
         title: '代付管理',
         children: [
           {title: '人工客服'},
           {title: '代付订单'},
           {title: '代付通道'}
         ]
       }],
       baseData3: [{
         expand: true,
         title: '数据分析',
         children: [
           {title: '商户充值排行'}
         ]
       }],
       baseData4: [{
         expand: true,
         title: '对账管理',
         children: [
           {title: '对账批次'},
           {title: '差错处理'},
           {title: '缓冲池数据'},
           {title: '商户对账单'}
         ]
       }],
       baseData5: [{
         expand: true,
         title: '系统管理',
         children: [
           {title: '用户管理'},
           {title: '角色管理'},
           {title: '资源管理'},
           {title: '消息管理'},
           {title: '操作日志'},
           {title: '安全中心'}
         ]
       }]
     };
   },
   methods: {
     // 返回按钮
     btnClick1(){
       this.$router.push({name:'role_management'})
     }
   }
 };
 </script>
 <style lang="less">
   
  .ivu-tree ul li{
    font-size: 14px !important;
  }
  .border-top{
    margin-top: 30px;
    border-top: 1px solid #eee;
  }
 </style>
